import React from 'react'

//加载默认首页
import Home from '@/components/home'

// 总的路由容器
const RouterMap:any = [];

//不需要合并的文件
var NoNeedAuth = ['index']

//引入当前目录下面的所有的文件
const ModuleFile = require.context('./', true, /.tsx$/);

//对当前目录下的文件进行加载循环
ModuleFile.keys().map((mod, index) => {
  
  const ModuleName = mod.replace(/^.\/(.*)\.tsx/,'$1')

  //忽略文件
  if(!NoNeedAuth.includes(ModuleName))
  {
    //读取这个默认文件当中的模块内容
    const Content = ModuleFile(mod)

    //往总的路由容器里面追加
    // RouterMap.push(Array)
    RouterMap.push(...Content.default)
  }
  
})

const RouterList = () => 
{
  

  return (
    <>
      <React.Router.Routes>
        {/* 默认首页 */}
        <React.Router.Route path='/' element={<Home />}></React.Router.Route>

        {/* 其他界面路由 路由嵌套 */}
        <React.Router.Route path='/' element={<><React.Router.Outlet /></>}>
          {
            RouterMap.map((item:any, index:any) =>
            {
              return (
                <React.Router.Route key={index} path={item.path} element={<item.component />}>
                    {item.children &&
                        item.children.map((son:any, idx: any) => <React.Router.Route key={idx} path={son.path} element={<son.component />}></React.Router.Route>)
                    }
                </React.Router.Route>
              )
            })
          }
        </React.Router.Route>
      </React.Router.Routes>
    </>
  )
}

export default RouterList